1 js中两种定时器，setTimeout和setInterval的区别
<!--setTimeout只在指定时间后执行一次-->
<!--setInterval以指定时间为周期循环执行-->

2 attr() 方法设置或返回被选元素的属性值。

3 splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）

<!--index:数组开始下标

len: 替换/删除的长度

item:替换的值，删除操作的话 item为空-->

4    overflow: scroll;             //html css强制显示滚动条         overflow: hidden;    // html css强制隐藏滚动条

5    cursor:pointer  可以将鼠标悬浮时指针变为手型      not-allowed   禁用属性

6    opacity值范围从0 ~ 1, 表示透明度.0为全透明, 1为不透明

7
<meta http-equiv="refresh" content="3;url=http://dashidan.com/">           //页面逗留3秒自动跳转

8   clear:both    //清除全部浮动    clear:left    //清除左浮动

9
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
    <input type="range" id="a" value="50">100
    +<input type="number" id="b" value="50">
    =
    <output name="x" for="a b"></output>
</form>                                                                                                                    //页面计算  带滑动效果

10  parseInt() 函数可解析一个字符串，并返回一个整数。

11   border-radius   给元素设置一个圆角表框

12     box-shadow: 10px 10px 5px #888888;   给元素设置阴影

13        background-image: url(/statics/images/course/img_flwr.gif), url(/statics/images/course/paper.gif);
            background-position: right bottom, left top;                              //定义背景图片的起始位置
            background-repeat: no-repeat, repeat;                          //定义背景图片的平铺模式    no-repeat  只平铺一次 repeat 在水平方向和垂直方向平铺

14     background-size:80px 60px;   指定背景图片的大小   高宽

15       var name=prompt("请输入您的名字","Bill Gates")        页面弹出input内容框及提示

16      CSS3中，text-shadow: 5px 5px 5px #FF0000; 属性适用于文本阴影。

17      CSS3 中 CSS3         box-shadow: 10px 10px 5px #888888;           属性适用于盒子阴影

18       white-space:nowrap;   规定段落中的文本不进行换行：

19        overflow:hidden;                   // 先让溢出的部分隐藏
            text-overflow:ellipsis;            //然后设置隐藏的部分的眼样式   ellipsis:省哟号.....  clip:裁剪

20       word-wrap:break-word;  允许长文本换行: 某个单词太长不换行  使用这个可以让他换行

21       deg    在css3中表示 角度

22       transform: rotate(180deg);       旋转角度 180度

23       transition: width 2s, height 2s, transform 2s;     过度  改变原来的样式
            transition-duration: 0.4s;               定义总的时间

24       	column-count:3;           指定分为多少例             必须是块级元素
            column-gap:40px;        指定分的例的宽度
            column-rule:4px outset #ff00ff;         指定分的例中间的样式 规则

25         resize:both;         用户可以改变div的大小   就和那个文本域差不多
            outline:2px solid red;          绘制轮廓
            outline-offset:15px;             设置轮廓距离边框的距离

26         max-width: 100%;           设置响应式图片  先在图片上设置高宽  然后在到style样式里设置  前面这两个
            height: auto;

27          @media only screen and (max-width: 700px){                    这是响应式  宽度小于700时执行
                    .responsive {
                    width: 49.99999%;
                    margin: 6px 0;
                    }
                    }

28           box-sizing: border-box;      规定两个并排的带边框的框     content-box   在父元素外  border-box   在父元素内

29           background-color: rgb(0,0,0); /* Fallback color */              rgb 设置背景   rgba  给背景一个透明度  前两位为0是完全透明 为ff是完全不透明
                background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

30         text-decoration：none 属性规定添加到文本的修饰。underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through	 定义穿过文本下的一条线。

31          focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数。当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

32           var layerindex = layer.load(1, {                      //设置跳转前的延时操作 显示一个加载样式
                    shade: [0.3,'#000'] //0.1透明度的白色背景
                    });
               layer.close(layerindex);                //跳转执行后把他关闭

33          window.event.returnValue = false ;    阻止跳转   写微信必须加  只要是涉及跳转的地方都必须加

34        :not(.abc)   非选择器  选择除开有abc 的标签

35        :first-child   选择第一个子元素

36        display: flex;       弹性盒子；
     36.1    flex-direction    指定了 弹性子元素 在父容器中的位置。；
                    // flex-direction: row-reverse;  横向倒序排列 向盒子 右边 对齐；
                    // flex-direction: column;         纵向排列；
                    // flex-direction: column-reverse;  纵向倒序排列 向盒子 底边 对齐；

     36.2     justify-content         内容对齐  属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐；
                    // justify-content: flex-end;     向右对其；
                    // justify-content: center;         居中对其 
                    // justify-content: space-between;    水平平铺  数量超出盒子时 朝 右 单一超出；
                    // justify-content: space-around;      水平平铺  数量超出盒子时 朝 左右 平均超出；

     36.3     align-items        设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。
                     // align-items: stretch;        子元素的高度尽可能的接近盒子的高度
                     // align-items: flex-start;      弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。
                     // align-items:flex-end;        弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。
                     // align-items: center;          弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。

     36.4      flex-wrap          属性用于指定弹性盒子的子元素换行方式。
                     // flex-wrap: nowrap;    弹性容器为单行。该情况下弹性子项可能会溢出容器；
                     // flex-wrap: wrap;        弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行 ；
                     // flex-wrap: wrap-reverse;    反转 wrap 排列 就是从底部倒序往上排列

     36.5      align-content  属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。
                      //   stretch - 默认。各行将会伸展以占用剩余的空间。
                      //   flex-start - 各行向弹性盒容器的起始位置堆叠。
                      //   flex-end - 各行向弹性盒容器的结束位置堆叠。
                      //   center -各行向弹性盒容器的中间位置堆叠。
                      //   space-between -各行在弹性盒容器中平均分布。
                      //   space-around - 各行在弹性盒容器中平均分布，两端保留子元素与子元素之间间距大小的一半。

     36.6       align-self  属性用于设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。
                      // auto：如果'align-self'的值为'auto'，则其计算值为元素的父元素的'align-items'值，如果其没有父元素，则计算值为'stretch'。
                      //   flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。
                      //   flex-end：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。
                      //   center：弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。
                      //   baseline：如弹性盒子元素的行内轴与侧轴为同一条，则该值与'flex-start'等效。其它情况下，该值将参与基线对齐。
                      //   stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。

     36.7       flex   属性用于指定弹性子元素如何分配空间。
                      //     .item1 {
                                        -webkit-flex: 2;
                                        flex: 2;     //标识此子元素的宽度为总盒子里 其他相等子元素 宽度的2倍
                                        }
